
// //原生的javascript写法：窗口载入事件
// window.onload = function(){

// }
//jquery的载入事件写法
$(function(){
  nav_second();
  createDiscoverLine();
  nav_fix();
  back_top();
  nav_tab();
})

//自定义一个函数，此函数实现顶部导航二级菜单显示隐藏的功能
function nav_second(){
  //1.初始状态让所有meunlist都不显示
  // $(".menu_list").css("display", "none");
  $(".menu_list").hide();
  
  var ele = $(".header_mid > ul > li");
  //2.鼠标经过的时候首先要得到当前鼠标在整个菜单中的序号，然后把此序号下面的menulist显示
  ele.mouseover(function () {   
    // 得到当前鼠标经过的序号  （在多个li中）
    var i = ele.index(this);
    ele.eq(i).children(".menu_list").css("display", "block");
  });
  //3.鼠标离开的时候首先要得到当前鼠标在整个菜单中的序号，然后把此序号下面的menulist隐藏
  ele.mouseout(function () {
    var i = ele.index(this);
    ele.eq(i).children(".menu_list").css("display", "none");
  });
}

//自定义一个函数，此函数实现给发现菜单添加分割线
function createDiscoverLine(){
  for(var i =0 ;i < $(".discover_list > div").length;i++){
    if((i+1)%7 != 0){
      $(".discover_list > div").eq(i).append("<i></i>");
    }
  }
  
}

//自定义一个函数，此函数实现固定顶部导航的功能
function nav_fix(){
  $(window).scroll(function () { 
    //1.首先得到滚动的顶部值
    var top = $(this).scrollTop();
    //2.判断top的值，当大于某个值的时候添加固定定位并修改某些样式，反之回到初始状态
    if(top > 60){
      $(".header").addClass("fixed");
      $(".banner").css("margin-top", "60px");
      $(".header_left").hide();
      $(".header_right").hide();
      $(".header_mid").css("float", "right");
    }else{
      $(".header").removeClass("fixed");
      $(".banner").css("margin-top", "0px");
      $(".header_left").show();
      $(".header_right").show();
      $(".header_mid").css("float", "left");
    }
  });
}

//自定义一个函数，此函数实现回到顶部的功能
function back_top(){
  //1.初始状态，回到顶部区域不显示
  $(".backTop").css("display", "none");
  //2.窗口滚动到某一程度时候，显示回到顶部区域；回退到某一程度时候，隐藏回到顶部区域
  $(window).scroll(function () { 
    //首先得到滚动的顶部值
    var top = $(this).scrollTop();
    if(top > 500){
      $(".backTop").show(1000);
    }else{
      $(".backTop").hide();
    }
  });
  //3.点击回到顶部区域实现功能
  $(".backTop").click(function (e) { 
    $("html").animate({
      scrollTop:0
    });
    
  });
}

//自定义一个函数，次函数实现选项卡的功能
function nav_tab(){
  $(".wrap_header span").eq(0).addClass("active");
  $(".wrap_list_content").eq(0).siblings().css("display", "none");
  $(".wrap_header span").mouseover(function (e) { 
      var i = $(".wrap_header span").index(this);
      $(".wrap_header span").eq(i).addClass("active").siblings().removeClass("active");
      $(".wrap_list_content").eq(i).css("display","block").siblings().css("display", "none");
    
  });
  // $(".wrap_header span").hover(function () {
  //     // over
  //     var i = $(".wrap_header span").index(this);
  //     $(".wrap_header span").eq(i).addClass("active").siblings().removeClass("active");
  //     $(".wrap_list_content").eq(i).css("display","block").siblings().css("display", "none");
  //   }, function () {
  //     // out
  //   }
  // );
}